<script setup lang="ts">
import keywordTitle from '@/components/KeywordTitle/index.vue'
import type { GoodsInfoResult } from '@/api/details/types'

const goodsInfo = inject<GoodsInfoResult>('goodsInfo')

</script>

<template>
    <div class="framing">
        <keywordTitle title="画面截帧" />
        <div class="framing-content">
            <img v-if="goodsInfo?.sprite" :src="goodsInfo?.sprite" alt="画面截帧">
        </div>
    </div>
</template>

<style lang="scss" scoped>
.framing {
    grid-area: framing;
    margin-top: 30px;

    .framing-content {
        margin-top: 10px;
        background-color: #f5f4f8;

        img {
            display: block;
            width: 880px;
            height: 476px;
            object-fit: cover;
        }
    }
}
</style>
